<template>
  <div id="app">
    <nav>
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link> |
      <router-link to="/index">index</router-link> |
      <router-link to="/brand">brand日期格式化和表格</router-link> |
      <router-link to="/keyBoard">keyBoard键盘修饰符</router-link> |
      <router-link to="/filterPage">filterPage过滤器</router-link> |
      <router-link to="/customDirectives">customDirectives自定义指令</router-link> |
      <router-link to="/lifeCycle">lifeCycle生命周期</router-link> |
      <router-link to="/animatePage">animatePage动画</router-link> |
      <router-link to="/fatherPage">fatherPage父子组件</router-link> |
      <router-link to="/axiosPage">axios请求</router-link> |
      <router-link to="/antPage">antPage</router-link> |
      <router-link to="/routerParameters">routerParameters声明式传参</router-link> |
      <router-link to="/pageA">pageA</router-link>
    </nav>
    <router-view/>
  </div>
</template>
<style lang="less">
#app {
//  font-family: Avenir, Helvetica, Arial, sans-serif;
//  -webkit-font-smoothing: antialiased;
//  -moz-osx-font-smoothing: grayscale;
//  text-align: center;
//  color: #2c3e50;
//}
//nav {
//  padding: 30px;
//  a {
//    //font-weight: bold;
//    //color: #2c3e50;
//  }
}
.router-link-active{
  font-size:40px;
  color:red;
}
</style>
<script setup lang="ts">
</script>